/*
  学习目标：JSX-插值表达式 -  基础数据类
  1. 变量、 
  2. 基础数据类型： 字符串、 number、boolean 、undefined null、
  3. 引用数据类型： 数组、 对象、函数
  4. 其它： 三元表达式、 逻辑运算符、  JSX本身
*/

import React from 'react';
import ReactDOM from 'react-dom';

const aa = 12;

const divNode = (
  <div>
    {aa}
    {/*  1. string number 正常显示 */}
    <h1>{'hello React'}</h1>
    <h1>{76}</h1>

    {/* 2. 💥null boolean undefined 不会显示*/}
    <h2>
      {true} - {String(true)}
    </h2>
    <h2>{false}</h2>
    <h2>{undefined}</h2>
    <h2>{null}</h2>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
